<div class="paper-container">
  <Paper square>
    <Title>Square Paper</Title>
    <Content>
      By adding the <code>square</code> property, the paper gains sharper corners
      and can be used to intimidate foes.
    </Content>
  </Paper>

  <Paper square variant="unelevated">
    <Title>Unelevated Square Paper</Title>
    <Content>
      Unelevated square paper is pretty much a sheet of paper embedded in the
      floor.
    </Content>
  </Paper>

  <Paper square variant="outlined">
    <Title>Outlined Square Paper</Title>
    <Content>Outlined square paper... is it really paper anymore?</Content>
  </Paper>
</div>

<script lang="ts">
  import Paper, { Title, Content } from '@smui/paper';
</script>
